<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/site.css">
    <script src="js/viewport.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/public.js"></script>
</head>

<body>
    <header class="padding-35">
        <div class="logo">
            <img src="imgs/logo.png" alt="">
        </div>
        <div class="menu">
            <img src="imgs/menu.png" alt="">
        </div>
    </header>
    <div class="mbx padding-35">
        <a href="javascript:;">健康美食网</a>
        <i class="iconfont icon-arrow-right-copy-copy"></i>
        <span>全部菜谱</span>
    </div>
    <div class="foodAdv padding-35">
        <img src="imgs/foodAdv.png" alt="">
    </div>
    <div class="specialDetail padding-35">
        <div class="artTit">
            <span>银鱼的做法大全介绍</span>
        </div>
        <div class="artCon">
            <p>
                银鱼香酥清脆，香辣可口，一道简单的菜肴，但是很美味呢。银鱼的做法有很多种，比如银鱼的做法大全中有银鱼蒸蛋，银鱼炒蛋，冬瓜银鱼粉丝汤，紫菜银鱼汤，银鱼菠菜汤，银鱼鸡蛋饼，银鱼蘑菇汤，软炸银鱼等等。
            </p>
            <p class="artConImg">
                <img src="imgs/artCon.png" alt="">
            </p>
            <p>
                银鱼香酥清脆，香辣可口，一道简单的菜肴，但是很美味呢。银鱼的做法有很多种，比如银鱼的做法大全中有银鱼蒸蛋，银鱼炒蛋，冬瓜银鱼粉丝汤，紫菜银鱼汤，银鱼菠菜汤，银鱼鸡蛋饼，银鱼蘑菇汤，软炸银鱼等等。
            </p>
        </div>
        <div class="artConAnth">
            <div class="foodDetailConTit">
                <span>猪肉简介</span>
            </div>
            <div class="recipesItemList">
                <ul class="clearfix">
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                    <li>
                        <div class="itemOne">
                            <img src="imgs/list1.png" alt="">
                        </div>
                        <div class="itemTwo">
                            <a href="javascript:;">糖醋肉丝</a>
                        </div>
                        <p class="itemThree">
                            <span><img src="imgs/dianxin.jpg" alt="">热菜</span>
                            <span class="fr">难度<i>:</i>初中水平</span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page">
            <a href="javascript:;">上一页</a>
            <a class="isOn" href="javascript:;">下一页</a>
        </div>
        <div class="detailsPage">
            <p>上一篇：<a href="javascript:;">鲜姜</a></p>
            <p>下一篇：<a href="javascript:;">糖色水</a></p>
        </div>
        <div class="news">
            <div class="newsTit">
                <span>奶白菜汤相关菜谱</span>
                <a class="fr" href="javascript:;">
                    <i class="iconfont iconfont icon-huanyipi"></i>
                    换一批
                </a>
            </div>
            <div class="newsList">
                <ul>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="news">
            <div class="newsTit">
                <span>相关问答</span>
                <a class="fr" href="javascript:;">
                    <i class="iconfont iconfont icon-huanyipi"></i>
                    换一批
                </a>
            </div>
            <div class="newsQues">
                <ul>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                </ul>
            </div>

        </div>
    </div>
    <footer>
        <p>版权所有：版权所有：健康美食网 WWW.JKMEISHI.COM</p>
        <p>Copyright 2011-2018 备案号:鄂ICP备11013833号-4</p>
    </footer>
</body>

</html>